<!DOCTYPE HTML>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta content="telephone=no" name="format-detection" />

		<title>${title}</title>

		<link href='static/static/font/global/iconfont.css' rel='stylesheet' type='text/css' />
		<link href='static/css/global.css' rel='stylesheet' type='text/css' />
		<link href='static/css/themes.css' rel='stylesheet' type='text/css' />
		<link href='static/css/user.css' rel='stylesheet' type='text/css' />
		<link href='static/themes/t255/css/style.css' rel='stylesheet' type='text/css' />
		<script type='text/javascript' src='static/js/jquery-1.7.2.min.js'></script>
		<script type='text/javascript' src='static/js/lang/en.js'></script>
		<script type='text/javascript' src='static/js/global.js'></script>
		<script type='text/javascript' src='static/js/themes.js'></script>
		<script type='text/javascript' src='static/js/user.js'></script>
		<script type='text/javascript' src='static/themes/t255/js/main.js'></script>
		<link href='static/css/responsive.css' rel='stylesheet' type='text/css' />
		<link href='static/font/OpenSans-Bold/font.css' rel='stylesheet' type='text/css' />
		<link href='static/font/Opensans-Regular/font.css' rel='stylesheet' type='text/css' />
		<link href='static/font/Poppins-Regular/font.css' rel='stylesheet' type='text/css' />

		<link href='static/themes/t255/css/index.css' rel='stylesheet' type='text/css' />
		<script type='text/javascript' src='static/themes/t255/js/index.js'></script>
		<script type='text/javascript' src='static/js/plugin/effect/Zslide.min.js'></script>
	</head>

	<body class="lang_en">


		<script src="js/fixed.toper.js"></script>
		<script type="text/javascript">
			$(window).resize(function() {
				$(window).webDisplay(0);
			});
			$(window).webDisplay(0);
		</script>

		<div class="ueeshop_responsive_header header_blank"></div>
		<script language="javascript">
			$('.ueeshop_responsive_header .menu_btn').on('click', function() {
				if ($(this).hasClass('on')) {
					$(this).removeClass('on');
					$('.ueeshop_responsive_header').find('.nav, .nav_bg, .son_nav').removeClass('on');
					$('body').attr('style', '');
				} else {
					$(this).addClass('on');
					$('.ueeshop_responsive_header').find('.nav, .nav_bg').addClass('on');
					$('body').css({
						'overflow': 'hidden'
					});
				}
			});
			$('.ueeshop_responsive_header .language_btn').on('click', function() {
				if ($(this).hasClass('on')) {
					$(this).removeClass('on');
					$('.ueeshop_responsive_header .language').removeClass('on');
					$('body').attr('style', '');
				} else {
					$(this).addClass('on');
					$('.ueeshop_responsive_header .language').addClass('on');
					$('.ueeshop_responsive_header').find('.menu_btn, .nav_bg, .nav, .son_nav').removeClass('on');
					$('body').css({
						'overflow': 'hidden'
					});
				}
			});
			$('.ueeshop_responsive_header .search_btn').on('click', function() {
				if ($(this).hasClass('on')) {
					$(this).removeClass('on');
					$('.ueeshop_responsive_header .resp_search_box').removeClass('on');
				} else {
					$(this).addClass('on');
					$('.ueeshop_responsive_header .resp_search_box').addClass('on');
					$('.ueeshop_responsive_header').find('.menu_btn, .nav_bg, .nav, .son_nav').removeClass('on');
					$('body').attr('style', '');
				}
			});
			$('.ueeshop_responsive_header .nav_bg').on('click', function() {
				$(this).removeClass('on');
				$('.ueeshop_responsive_header').find('.nav, .son_nav, .menu_btn').removeClass('on');
				$('body').attr('style', '');
			});
			$('.ueeshop_responsive_header .resp_search_box .close_btn span').on('click', function() {
				$(this).parents('.resp_search_box').removeClass('on');
				$('.ueeshop_responsive_header .search_btn').removeClass('on');
			});
			$('.ueeshop_responsive_header .language .close_btn span').on('click', function() {
				$(this).parents('.language').removeClass('on');
				$('.ueeshop_responsive_header .language_btn').removeClass('on');
			})
			$('.ueeshop_responsive_header .nav .list .title').on('click', function(e) {
				$('.ueeshop_responsive_header .hasub .sub').removeClass('on');
				$('.ueeshop_responsive_header .son_nav').html($(this).parents('.list').find('.sub').html()).addClass(
					'on');
			});
			$('.ueeshop_responsive_header .son_nav').on('click', '.cate_close', function(e) {
				$('.ueeshop_responsive_header .son_nav').removeClass('on');
			})
			$('.ueeshop_responsive_header .son_nav').on('click', '.son_nav_title', function() {
				$(this).parent('.item').find('.third_nav').toggle('on');
				$(this).toggleClass('on');
			});
		</script>
		<div id="header" class="white-module wrap-head responsive_pc_header">
			<div class="head-top clean relative">
				<div class="text-center logo text-center fl">
					<a href="# class=" img">
						<img src="${logo.logoUrl}" alt="Start Lighting">
					</a>
				</div>
				<div class="icon_list fr">
					<div class="icon language fr">
					</div>


					<div class="icon user img fr">
						<div class="relative icon inline-block middle h-user">
					
						</div>
					</div>

				</div>
				<div class="clean small-style">
					<div class="wrap nav_outer">

					</div>
				</div>
			</div>
		</div><!-- #header end-->


		<div class="header_blank"></div>
		<div class="banner wrap-margin-top">
			<div class='bxSlide-outter'
				style='overflow:hidden;margin-left:auto;margin-right:auto; width:1920px; max-width:100%; max-height:815px'>
				<script type='text/javascript' src='static/js/plugin/bxslider/jquery.bxslider.js'></script>
				<link href='static/js/plugin/bxslider/jquery.bxslider.css' rel='stylesheet' type='text/css' />
				<div class='bxslider_1'>
					<#list swiperSettingList as swiperSetting>
						<div><a href='#'><img src='${swiperSetting.imageUrl}' alt='Banner1' width='100%'></a></div>
					</#list>
				</div>
				<script type='text/javascript'>
					$(document).ready(function() {
						$('.bxslider_1').bxSlider({
							slideWidth: 1920,
							adaptiveHeight: true,
							mode: 'fade',
							pause: 4000,
							autoHover: true
						});
					});
				</script>
			</div>
		</div>
		<div class="index">
			<div class="index_top">
				<div class="left">
					<div class="content">
						<div class="title">
							${videoSetting.title}</div>
						<div class="brief">
							${videoSetting.context} </div>
						<!-- 	<a class="btn" href="javascript:;" title="Dedicated to the design  of LED lamp">
                    <span class="btn_in">View all</span>
                </a> -->
					</div>
				</div>
				<div class="right i_video">
					<a class="img_a video_btn" href="javascript:;" video-url="${videoSetting.videoUrl}"
						title="${videoSetting.title}">
						<img src="${videoSetting.imageUrl}" alt="${videoSetting.title}" />
					</a>
				</div>
			</div>
			<#if messageSettingList?exists>
				<div class="index_pro wrap">
					<div class="toptitle">${productTitle}</div>
					<div class="indprolist">
						<#list productSettingList as productSetting>
							<div class="item">
								<div class="pic pic_box"><a href="${productSetting.hrefLink}"
										title="${productSetting.title}"><img src="${productSetting.imageUrl}"
											class="trans5" title="${productSetting.title}"
											alt="${productSetting.title}" /></a><em></em>
								</div>
								<div class="name"><a href="${productSetting.hrefLink}" class="ovauto trans5"
										title="${productSetting.title}">${productSetting.title}</a>
								</div>
							</div>
						</#list>
					</div>
					<div class="clear"></div>
					<!-- <a class="btn" href="#products/">
            <span class="btn_in">
                View all Products </span>
        </a> -->
				</div>
			</#if>
			<#if messageSettingList?exists>
				<div class="index_info">
					<div class="info_in">
						<div class="toptitle">${messageTitle}</div>
						<div class="info_list">
							<#list messageSettingList as messageSetting>
								<div class="info_item">
									<div class="date">
										<div class="month">
											${messageSetting.moth} </div>
										<div class="day">
											${messageSetting.day} </div>
									</div>
									<div class="title">
										${messageSetting.title} </div>
									<div class="brief">
										${messageSetting.context}
									</div>
									<!-- <a href="#info-detail/lg-innotek-launches-innouv-brand-to-cover-all-its-uv-products-12"
                        class="btn">
                        <span class="btn_in">
                            View all </span>
                    </a> -->
								</div>
							</#list>

						</div>
					</div>
				</div>
			</#if>
		</div>
		<div id="footer">
			<div class="wrap">
				<div class="link">
					<#if tailSettings?exists>
						<#list tailSettings?keys as key>
							<ul>
								<li class="tit"> ${key}</li>
								<#list ${tailSettings[key]} as tailSetting>

									<li><a href="${tailSetting.hrefLink}" title="Bulbs">${tailSetting.itemTitle}</a>
									</li>
								</#list>
							</ul>
							<span class="br"></span>
						</#list>
					</#if>
				</div>
			</div>
			<div class="copyright">
				<div class="wrap">
					<div class="txt">${copyrightInfoSetting.title}</div>
					<div class="clear"></div>
				</div>
			</div>
		</div>
		<div id="chat_window">
			<div class="chat_box is_respon ">
				<div class="box trans_05">
					<div class="box_area">
						<div class="chat_item chat_qq">
							<div class="abs">
								<div class="more_box">
									<a rel="nofollow"
										href="https://wpa.qq.com/msgrd?v=3&amp;uin=1844579205&amp;menu=yes"
										target="_blank" class="item">
										Kin </a>
									<a rel="nofollow" href="https://wpa.qq.com/msgrd?v=3&amp;uin=123456789&amp;menu=yes"
										target="_blank" class="item">
										Mr Lee </a>
									<a rel="nofollow" href="https://wpa.qq.com/msgrd?v=3&amp;uin=12345&amp;menu=yes"
										target="_blank" class="item">
										Mr Lin </a>
								</div>
							</div>
						</div>
						<div class="chat_item chat_skype">
							<div class="abs">
								<div class="more_box">
									<a rel="nofollow" href="skype:987456321?chat" target="_blank" class="item">
										Mickey </a>
									<a rel="nofollow" href="skype:654123?chat" target="_blank" class="item">
										Zkuend </a>
								</div>
							</div>
						</div>
					</div>
					<span class="chat_close"></span>
				</div>
				<div class="chat_box_menu">
					<a href="javascript:;" class="more default_show"></a>
					<a href="javascript:;" id="go_top" class="top trans_05"></a>
				</div>
			</div>
		</div>


		<!-- <div align="center">
    <script type='text/javascript' src='https://analytics.ly200.com/js/analytics.js?Number=Nic+bFxJAQ==' async>
    </script>
</div> -->
	</body>
</html>
<style>
	#chat_window,
	#footer_feedback {
		display: none !important;
	}
</style>
